import React,{Component} from 'react';
import { BrowserRouter, Switch, Route, NavLink } from 'react-router-dom';
import { Carts, Detail, News, Login,HotPro,HotSale,Comments } from '../modules';

export default class Home extends Component{
	render(){
		return (
			<div>
				{/* banner -----start-------- */}
				<div className="swiper-container pc-slideshows-swiper swiper-container-horizontal" id="front-page-carousel">
					<div className="swiper-wrapper" style={{transitionDuration: '0ms',transform: 'translate3d(-2526px, 0px, 0px)'}}>
						<div className="swiper-slide" style={{width: '1263px'}}>
							<NavLink to="/">
							<img alt="三月与闺蜜礼盒" src="http://image.pantrysbest.com/slideshows/1520228212640" style={{width: '100%'}} title="三月与闺蜜礼盒"/>
							</NavLink>
						</div>
						<div className="swiper-slide swiper-slide-prev" style={{width: '1263px'}}>
							<NavLink to="/">
							<img alt="2018派悦坊“派Day”礼盒" src="http://image.pantrysbest.com/slideshows/1520417179407" style={{width: '100%'}} title="2018派悦坊“派Day”礼盒"/>
							</NavLink>
						</div>
						<div className="swiper-slide swiper-slide-active" style={{width: '1263px'}}>
							<NavLink to="/">
							<img alt="恋恋草莓季系列新品" src="http://image.pantrysbest.com/slideshows/1520238192181" style={{width: '100%'}} title="恋恋草莓季系列新品" />
							</NavLink>
						</div>
					</div>
					<div className="swiper-pagination pc-swiper-pagination swiper-pagination-clickable"><span className="swiper-pagination-bullet"></span><span className="swiper-pagination-bullet"></span><span className="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
				</div>
				<div className="container marketing center">
				{/* 热点产品 -----start-------- */}
				<div className="city_page_popular">
				<HotPro />
				</div>
				{/* 热销产品 -----start-------- */}
				<div className="city_page_popular">
				<HotSale />
				</div>
				<div className="city_page_popular">
					{/* 最新资讯 -----start-------- */}
					<div style={{float:'left',width:'45%'}}>
					<News/>
					</div>
					{/* 最新评论 -----start-------- */}
					<div style={{float:'right',width:'45%'}}>
					<Comments/>
					</div>
				</div>
				</div>
			</div>
		)
	}
}
